<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>抽奖抽奖</title>
		<link rel="stylesheet" href="../css/chou_jiang.css" type="text/css" />
		<script type="text/jscript" src="../javascript/chou_jiang.js"></script>
	</head>
	<body>
		<div id="left"><!--页面左边元素框架-->
		<div id="left_zi">
			<div id="left_logo">
				<!-- <img src="../img/朴新.png"  width="100%"/> -->
			</div>
			<div class="left_up">
				
				<p class="zi"style="font-size: 150px;">&nbsp;抽</p>
			</div>
			<div class="left_up">
				<p class="zi" style="font-size: 150px;">&nbsp;奖</p>
			</div>
			<div class="left_up">
				<!-- <p class="zi" style="font-size: 150px;">&nbsp;教</p> -->
			</div>
			<div class="left_down">
				<!-- <p class="zi" style="font-size: 150px;">育</p> -->
			</div>
			</div>
		</div>
		
		
		
		
		<div id="right"><!--页面右边元素框架-->
			<div id="right_up" align="center">
				<ul class="zi" id="right_up_list">
					<li><a href="#" onclick="opens(1)">抽奖规则</a></li>
					<li><a href="javascript:void(0)" onclick="opens(2)">奖品设置</a></li>
					<li><a href="javascript:void(0)" onclick="opens(3)">参与人员</a></li>
					<li><a href="javascript:void(0)" onclick="opens(4)">系统设置</a></li>
					<li><a href="javascript:void(0)" onclick="opens(5)">个人中心</a></li>
				</ul>
			</div>
			
			
			<div class="zhu huan" id="mian0" align="center">                  <!--这是主页面-->
				<br /><br /><br /><br />
				<img id="tupian" src="../img/西服.png" />
				<div class="jiang">
					
				</div>
				<br /><br /><br /><br />
				<button id="right_down_button" class="zi anniu" onclick="choujiang()">开始抽奖</button>
			</div>
			
			
			            <!--抽奖规则页面-->
			
			<div id="mian1" align="center" style="display: none;">
				<br /><br /><br /><br />
				<p class="zi" style="font-size: 30px; float: left; padding-left: 100px;">抽奖规则：</p>
				<br /><br /><br /><br />
				<p class="zi">&nbsp;&nbsp;&nbsp;&nbsp;本次展示为抽奖模板，一等奖1个，二等奖3个，三等奖5个</p>
				<br /><br /><br /><br />
				<button class="anniu zi" id="fanhui" onclick="fanhui(1)">返回</button>
			</div>
			
			
			
			            <!--奖品设置页面-->
			
			<div id="mian2" align="center" style="display: none;">
				<div class="tiao">
				<br /><br /><br /><br /><p class="zi" style="font-size: 20px;">一等奖：</p>
				<br /><br /><br /><br /><p><strong class="zi" style="font-size: 40px;">小米音箱(1个)</strong></p>
				<img src="../img/11.jpg"/>
				<br /><br /><br /><br /><p class="zi" style="font-size: 20px;">二等奖：</p>
				<br /><br /><br /><br /><p><strong class="zi" style="font-size: 40px;">美的电饭煲(3个)</strong></p>
				<img src="../img/22.jpg"/>
				<br /><br /><br /><br /><p class="zi" style="font-size: 20px;">三等奖：</p>
				<br /><br /><br /><br /><p><strong class="zi" style="font-size: 40px;">平底锅(5个)</strong></p>
				<img src="../img/33.jpg"/>
				</div>
				<br /><br />
				<div style="width: 100%; height: 80px;" align="center">
					<button class="anniu zi" id="fanhui" onclick="fanhui(2)">返回</button>
				</div>
			</div>
			
			
			
			<!-- 参与人员页面 -->
			
			<div id="mian3" style="display: none;">
				<div class="tiao">
					<div align="center">
					<br /><br /><br /><br />
					<input id="ming" type="text" size="20" style="width: 300px; height: 50px; font-size: 25px; color: #2E2E2E;"/>
					<button class="zi" onclick="mingdan()" style="width: 150px; height: 50px; background-color: #FFFFFF; font-size: 25px; color: #2E2E2E;">添加人员</button>
					</div>
					<br /><br /><br /><br />
					<h2 class="zi">&nbsp;&nbsp;&nbsp;&nbsp;所有人员名单：</h2>
					
					<div id="mingdan">
						
					</div>
					
				</div>
				<br /><br />
				<div align="center" style="width: 100%; height: 80px;">
					<button class="anniu zi" id="fanhui" onclick="fanhui(3)">返回</button>
				</div>
			</div>	
				
				
			
			<!-- 系统设置页面 -->
				
			<div id="mian4" align="center" style="display: none;">
				
				<br /><br /><br /><br />
				<font class="zi" style="font-size: 25px;">设置一等奖:</font>
				<input autocomplete="off" id="one" class="zi kuang" type="text" size="20"/>
				<button class="zi fang_anniu"  onclick="jiang(1)">设&nbsp;置</button>
				
				
				<br /><br /><br /><br />
				<font class="zi" style="font-size: 25px;">设置二等奖:</font>
				<input autocomplete="off" id="two" class="zi kuang" type="text" size="20"/>
				<button class="zi fang_anniu"  onclick="jiang(2)">设&nbsp;置</button>
				
				
				<br /><br /><br /><br />
				<font class="zi" style="font-size: 25px;">设置三等奖:</font>
				<input autocomplete="off" id="three" class="zi kuang " type="text" size="20">
				<button class="zi fang_anniu" onclick="jiang(3)">设&nbsp;置</button>
				
				
				<div>
					<br /><br /><br /><br />
					<div style="width: 33%; float: left;">
						<h3 class="zi" style="font-size: 25px;">一等奖:</h3><br /><br />
						<input autocomplete="off" id="yi"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu" onclick="shanchu(1,1)">删除</button><br /><br />
					</div>
					<div style="width: 33%; float: left;">
						<h3 class="zi" style="font-size: 25px;">二等奖:</h3><br /><br />
						<input autocomplete="off" id="er1"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu" onclick="shanchu(2,1)">删除</button><br /><br />
						
						<input autocomplete="off" id="er2"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu" onclick="shanchu(2,2)">删除</button><br /><br />
						
						<input autocomplete="off" id="er3"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu" onclick="shanchu(2,3)">删除</button><br /><br />
					</div>
					<div style="width: 33%; float: left;">
						<h3 class="zi" style="font-size: 25px;">三等奖:</h3><br /><br />
						<input  id="san1" autocomplete="off"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu" onclick="shanchu(3,1)">删除</button><br /><br />
						
						<input  id="san2" autocomplete="off"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu"  onclick="shanchu(3,2)">删除</button><br /><br />
						
						<input  id="san3" autocomplete="off"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu"  onclick="shanchu(3,3)">删除</button><br /><br />
						
						<input  id="san4" autocomplete="off"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu"  onclick="shanchu(3,4)">删除</button><br /><br />
						
						<input  id="san5" autocomplete="off"  class="zi kuang" type="text" size="20" disabled="ture"/><br /><br />
						<button class="zi fang_anniu"  onclick="shanchu(3,5)">删除</button><br /><br />
					</div>
				</div>
				
				
				
				
				<br /><br /><br /><br />
				<div style="width: 100%; height: 80px;" align="center">
					<button class="anniu zi" id="fanhui" onclick="fanhui(4)">返回</button>
				</div>
			</div>
			
			
			
			<!-- 个人中心页面 -->
			
			<div id="mian5" align="center" style="display: none;">
				<br /><br /><br /><br />
				<p class="zi" style="font-size: 20px;">本软件产品是牧羊自己原创作品，是牧羊历尽千辛万苦的结果，我引以为傲。本产品由:</p>
				<br /><br /><br /><br />
				<font class="zi" style="font-size: 250px; padding-left: 40px; padding-right: 40px;">王</font>
				<font class="zi" style="font-size: 250px;  padding-left: 40px; padding-right: 40px;">银</font>
				<font class="zi" style="font-size: 250px;  padding-left: 40px; padding-right: 40px;">浩</font>
				<br /><br /><br /><br />
				<p class="zi" style="font-size: 20px;">自己创作而成。希望自己能够更加努力，不忘初心！</p>
				<br /><br /><br /><br />
				<div style="width: 100%; height: 80px;" align="center">
					<button class="anniu zi" id="fanhui" onclick="fanhui(5)">返回</button>
				</div>
			</div>
			
			
			
		</div>
	</body>
</html>
